<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>html-file</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/cart.css">
</head>

<body>
    <section id="nav_top">
        <nav>
            <div>
                <div id="nav_logo">
                    <img src="../images/2.png" />

                </div>
                <h1>购物车</h1>
            </div>


            <div class="nav_right">
                <div class="hiddenlogin"><a href="./login.html">登录</a>&nbsp;&nbsp;/&nbsp;&nbsp;<a
                        href="../html/enroll.html">注册</a></div>
                <a class="hiddenuser" href="">
                    <span></span>
                    <span class="exit">退出</span>
                </a>
            </div>

        </nav>
    </section>
    <!-- 侧边栏 -->
    <section id="right_nav">
        <div>
            <a href="javascript:;">
                <img src="../images/10029.png" alt="">
            </a>
        </div>
        <div>
            <a href="javascript:;">
                <img src="../images/10030.png" alt="">

                <div class="erweima">
                    <div>
                        <img src="../images/10031.png" alt="">
                    </div>

                    <p>扫描二维码</p>
                    <p>关注北面官方微信</p>
                </div>
            </a>
        </div>
        <div>
            <a href="javascript:;">
                <img src="../images/10032.png" alt="">
                <div class="erweima">
                    <div>
                        <img src="../images/10031.png" alt="">
                    </div>

                    <p>扫描二维码</p>
                    <p>关注北面官方微博</p>
                </div>
            </a>
        </div>
        <div id="anchor">
            <a href="javascript:;">
                <img src="../images/10034.png" alt="">
            </a>
        </div>
    </section>
    <!-- product -->
    <section id="titled">
        <div>购物车</div>
        <div> 2&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;填写和提交订单信息</div>
        <div>3&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;成功提交订单</div>
    </section>
    <!-- 购物车 -->
    <div class="car-list">
        <div class="car-title">
            <span style="margin-left: 10px;">全选</span>
            </label>
            <ul class="clearfix">
                <li>商品</li>
                <li>单价</li>
                <li>数量</li>
                <li>小计</1i>
                <li>操作</li>
            </ul>
        </div>
        <div class="car-content">
            <ul>
                <b class="shop-img"><img src="../images/1 (27).jpg"></b>
                <p class="shop-name">TheNorthFace北面针织卫衣女户外舒适透气秋季上新|7QU1</p>
                <div class="price">￥ <span class="danjia">698</span></div>
                <div class="inpur-num">
                    <div class="minnum">-</div>
                    <input type="text" class="num" value="1">
                    <div class="addnum">+</div>
                </div>
                <div class="xiaoji">￥ <span>698</span></div>
                <div class="delshop">删除</div>
            </ul>
            <ul>
                <b class="shop-img"><img src="../images/1 (20).jpg"></b>
                <p class="shop-name">安踏进阶训练系列火星泡棉女跑鞋</p>
                <div class="price">￥ 698</div>
                <div class="inpur-num">
                    <div class="minnum">-</div>
                    <input type="text" class="num" value="1">
                    <div class="addnum">+</div>
                </div>
                <div class="xiaoji">￥ <span>698</span></div>
                <div class="delshop">删除</div>
            </ul> 
        </div>

    </div>
    <!-- 结算 -->
    <div class="cat-tool">
        <section>
            <div>
                <span class="zongji">已选择&nbsp;<span class="zongji" id="count">2</span>&nbsp;件商品</span>
            </div>
            <div>
                <span class="zongji">总计：</span>
                <span class="zongji" id="money">¥ 1396</span>
            </div>
            <ction>
                <div class="account">立即结算</div>
    </div>
</body>
    <!-- 猜你喜欢 -->
    <section id="favorite">
        <h1>猜你喜欢</h1>
        <ul>
            <li>
                <a href="javascript:;">
                    <div>
                        <img src="../images/1 (17).jpg" alt="">
                    </div>
                    <article>
                        <div>
                            <span> TheNorthFace北面UE男防泼水短裤春夏上新|7QSB</span>
                        </div>
                        <p><span>￥789.00</span><del>￥789</del></p>
                    </article>

                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <div>
                        <img src="../images/1 (18).jpg" alt="">
                    </div>
                    <article>
                        <div>
                            <span> TheNorthFace北面UE男防泼水短裤春夏上新|7QSB</span>
                        </div>
                        <p><span>￥789.00</span><del>￥789</del></p>
                    </article>

                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <div>
                        <img src="../images/1 (19).jpg" alt="">
                    </div>
                    <article>
                        <div>
                            <span> TheNorthFace北面UE男防泼水短裤春夏上新|7QSB</span>
                        </div>
                        <p><span>￥789.00</span><del>￥789</del></p>
                    </article>

                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <div>
                        <img src="../images/1 (20).jpg" alt="">
                    </div>
                    <article>
                        <div>
                            <span> TheNorthFace北面UE男防泼水短裤春夏上新|7QSB</span>
                        </div>
                        <p><span>￥789.00</span><del>￥789</del></p>
                    </article>

                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <div>
                        <img src="../images/1 (22).jpg" alt="">
                    </div>
                    <article>
                        <div>
                            <span> TheNorthFace北面UE男防泼水短裤春夏上新|7QSB</span>
                        </div>
                        <p><span>￥789.00</span><del>￥789</del></p>
                    </article>

                </a>
            </li>
        </ul>
    </section>

    <!-- 尾部 -->
    <footer>
        <div class="footer_top">
            <div class="footer_top_center">
                <div>
                    <div>
                        <img src="../images/10027.png" alt="">
                    </div>
                    <p>工作时间 : 周一至周日,9:00~22:00
                    </p>
                    <h3>400-890-7688</h3>
                </div>
                <div class="footer_logo">
                    <a href="javascript:;">
                        <img src="../images/10028.jpg" alt="">
                    </a>

                </div>
            </div>

        </div>
        <div class="footer_middle">
            <div class="footer_middle_left">
                <ul>
                    <h3>官方商城</h3>
                    <li><a href="javascript:;">全部商品</a></li>
                    <li><a href="javascript:;">男式</a></li>
                    <li><a href="javascript:;">女式</a></li>
                    <li><a href="javascript:;">鞋类</a></li>
                    <li><a href="javascript:;">装备/配件</a></li>
                    <li><a href="javascript:;">童装</a></li>
                    <li><a href="javascript:;">科技</a></li>
                    <li><a href="javascript:;">场景</a></li>

                </ul>
                <ul>
                    <h3>探索通</h3>
                    <li><a href="javascript:;">关于探索通</a></li>
                    <li><a href="javascript:;">会员权益</a></li>
                    <li><a href="javascript:;">会员章程</a></li>


                </ul>
                <ul>
                    <h3>探索故事</h3>
                    <li><a href="javascript:;">关于北面</a></li>
                    <li><a href="javascript:;">探索故事</a></li>
                    <li><a href="javascript:;">查找门店</a></li>


                </ul>
                <ul>
                    <h3>客户服务</h3>
                    <li><a href="javascript:;">购物流程</a></li>
                    <li><a href="javascript:;">购物须知</a></li>
                    <li><a href="javascript:;">三包政策</a></li>
                    <li><a href="javascript:;">支付方式</a></li>
                    <li><a href="javascript:;">联系我们</a></li>
                    <li><a href="javascript:;">免责声明</a></li>
                    <li><a href="javascript:;">使用条款</a></li>
                    <li><a href="javascript:;">注册协议</a></li>
                    <li><a href="javascript:;">隐私政策</a></li>
                </ul>
            </div>
            <div class="footer_middle_right">
                <div class="fmr_top">
                    <div><img src="../images/10031.png" alt=""></div>
                    <p>扫一扫即刻关注</p>
                    <p>北面官方微信</p>
                </div>
                <div class="fmr_bottom">
                    欢迎关注北面官方微博
                </div>
            </div>
        </div>
        <div class="footer_bottom">
            <p>COPYRIGHT BY www.thenorthface.com.cn , ALL RIGHTS RESERVED . 威富（上海）企业发展有限公司 <span></span><a
                    href="javascript:;">沪ICP备2022009199号</a> <a href="javascript:;"> <img src="../images/10041.png"
                        alt=""> 沪公网安备 31010602006801号</a> </p>
            <p><a href="javascript:;">营业执照</a> 地址:上海市静安区南京西路688号688广场27楼</p>
        </div>

    </footer>
    <!-- 尾部 -->

</body>

</html>

<script src="../images/js/jquery.min.js"></script>
<script src="../images/js/index.js"></script>
<script src="../images/js/cart.js"></script>
<script src="../images/php/goodsAndShoppingCart/getShoppingCart.php"></script>
